React Hooks useEffectsチェックリスト
(量が出てきたら別途まとめたいやつ)
無限ループ起こる系
ContextにObjectを入れてないか?
Object.isでの判定がなされて無限ループ起こりがち
新しいObjectが生成されるような行為をしてないか?
Selectorなどがうまく動いてないと新しいObjectになり、等価でも同一でないとされて無限ループなりがち
deps系
depsとして利用しているはずの関数を除外してないか
わりとまともに動いてしまうが、非推奨行為
ref.current / refを入れてないか
入れなくて良い。
ref.currentについてはlinterに怒られる
これらはmutableが前提なので、変化していても発火しないので注意して取り扱う必要アリ
deepEqualなことをしてないか
JSON.stringifyによる比較の方がまだ推奨されてるくさい